想了很久，最後還是決定給自己一個30天的挑戰。

挑戰主題是 Web 前端。

不是因為完全沒接觸過，而是平常很多東西都是「有需要就查、查完就用」，
真的要自己重新整理的時候，才會發現有些東西其實沒有想像中熟。

所以想趁這次挑戰，把一些平常會用到的東西重新看一次，
也順便看看自己能不能真的連續完成30天。
原本有想過第一天就把30天全部排好，
但後來覺得這樣好像太容易把自己綁死。

畢竟開始做之後，
可能會遇到某個主題比預期花更多時間，或是做到一半突然發現有其他東西也想整理。

所以這次決定改成：
一週規劃一次!
先把這週完成，再決定下一週要做什麼。

第一週先從 HTML、CSS 開始

第一週沒有打算直接挑很難的東西。
反而想先從平常最常碰到的HTML、CSS開始。
有些東西因為太常用了，反而很容易直接照自己的習慣寫，
久了甚至會忘記當初為什麼要這樣寫。

所以這週想做的事情大概是：

• Day 1 第一週規劃
• Day 2 HTML 網頁結構重新整理
• Day 3 Semantic HTML
• Day 4 HTML容易忽略的小細節
• Day 5 CSS Box Model
• Day 6 Flexbox 重新整理
• Day 7 Grid vs Flex

Day 2 會先從 HTML 結構開始。
看看自己平常在切版的時候，是不是真的有把 header、main、section、footer 分清楚，
還是最後又默默全部變成 < div >。

Day 3 則是接著整理Semantic HTML。
這個東西其實一直都知道，但真的在寫的時候，還是很容易怎麼方便怎麼來。

Day 4 想看一些比較容易被忽略的小細節，
像是 alt、label、button，還有 表單 相關的東西。
後面幾天就開始回到CSS。
Box Model、Flexbox、Grid 都是平常很常用的東西，但也很適合趁這次重新整理一次。
特別是 Flexbox !
還有...
每次看到 justify-content 跟 align-items 都覺得自己很熟，
結果偶爾還是會在那邊試半天...嘻嘻XD

這次不想只是「看過」
這次給自己的其中一個要求就是，不要只是查資料、看完就算了。

因為以前最常發生的事情就是：
看別人的程式碼時覺得：
「這個很簡單啊，ㄟ我會!」
結果畫面關掉，換自己從頭寫。

我:「…等一下，剛剛是怎麼寫？」
(提外話:許願可愛貓咪貼圖啦!)

所以這次除了整理之外，也會盡量自己實際寫一次。
不一定每一天都要做很大的東西，可能只是一個小範例，
甚至只是把某個CSS屬性拿來測試看看。
至少不是只有看過。

第一週的目標其實滿簡單的。
不是要學多少新的東西，而是先把原本會的東西重新整理一下，
有些東西可能真的已經很熟，那就當複習。
有些東西如果重新看之後發現：
「原來我以前理解錯了。」

那就算賺到 !

Day 1，哎呦喂 ~ 完成了! 輕輕鬆鬆啦! 嘻嘻 ~